<template>
  <div>
    <!--页名-->
    <el-row>
      <label style="font-size: 32px;font-family: Arial;float:left;margin-bottom: 20px">KPI/PI</label>
    </el-row>
    <!--返回箭头-->
    <el-row>
      <el-col :span="1">
        <el-button @click="returnKPIPIHome" icon="el-icon-arrow-left" ></el-button>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="12">
        <label style="font-size: 25px;font-family: Arial;float:left;margin-top: 20px">PI影响批次列表</label>
      </el-col>
      <el-col :span="6" :offset="5">
        <GYRLegend></GYRLegend>
      </el-col>
    </el-row>

    <el-row style="margin-top:15px">
      <el-table
        :data="tableData_PIBatch"
        style="width: 100%"
        max-height="570">

        <el-table-column
          prop="time"
          label="时间">
        </el-table-column>
        <el-table-column
          prop="orderNo"
          label="订单号">
        </el-table-column>
        <el-table-column
          prop="batchNo"
          label="批次号">
        </el-table-column>
        <el-table-column
          prop="brand"
          label="品牌">
        </el-table-column>
        <el-table-column
          prop="pi"
          label="PI">
        </el-table-column>
        <el-table-column
          prop="challenge"
          label="挑战值">
        </el-table-column>
        <el-table-column
          prop="goal"
          label="目标">
        </el-table-column>
        <el-table-column
          prop="actual"
          label="实际值">
        </el-table-column>
        <el-table-column
          prop="status"
          label="状态">
            <template   slot-scope="scope">
              <img @click="toThird" src="@/assets/tableGreenCircle.png"  min-width="10" height="10" />
            </template>
        </el-table-column>
      </el-table>
    </el-row>
  </div>
</template>

<script>
  import GYRLegend from "@/pages/contents/tracking/KPIPIPages/subComponents/GYRLegend";
    export default {
      name: "KPIPISecond",
      components:{
        GYRLegend,
      },
      methods:{
        returnKPIPIHome: function(){
          this.$router.push('kpi_pi');
        },
        toThird:function () {
          this.$router.push('/kpipi_third');
        }

      },
        data() {
        return {
          tableData_PIBatch: [{
            time: '2019/01/09',
            orderNo: '6645225',
            batchNo: '167852942',
            brand: '百威',
            pi: 'PH',
            challenge: '95',
            goal: '88',
            actual: '90',

          },{
            time: '2019/01/09',
            orderNo: '6645225',
            batchNo: '167852942',
            brand: '百威',
            pi: 'PH',
            challenge: '95',
            goal: '88',
            actual: '90',

          },{
            time: '2019/01/09',
            orderNo: '6645225',
            batchNo: '167852942',
            brand: '百威',
            pi: 'PH',
            challenge: '95',
            goal: '88',
            actual: '90',

          },{
            time: '2019/01/09',
            orderNo: '6645225',
            batchNo: '167852942',
            brand: '百威',
            pi: 'PH',
            challenge: '95',
            goal: '88',
            actual: '90',

          },{
            time: '2019/01/09',
            orderNo: '6645225',
            batchNo: '167852942',
            brand: '百威',
            pi: 'PH',
            challenge: '95',
            goal: '88',
            actual: '90',

          },]
        }
      }
    }
</script>

<style scoped>

</style>
